﻿<!doctype html>
  
<html>
<head>
    <meta charset="utf-8" />
    <title>Calendário jQuery</title>   
</head>
<body>
    <p>Data: <input type="text" id="calendario" /></p>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script>
$(function() {
    $( "#calendario" ).datepicker({
        showOn: "button",
        buttonImage: "calendario.png",
        buttonImageOnly: true
    });
});


// define o formato do calendario
$(function() {
    $("#calendario").datepicker({
        changeMonth: true,
        changeYear: true
    });
});
</script>



 </body>
</html>

